<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input id="app" type="checkbox" checked="checked" qhf="pz" >
</body>
<script>
    //js对象的属性 我们会给它应该统称: property
    //每一个dom节点都会有对应的property 与 节点标签的预定义attribute一一对应

    //预定义的attribute: 布尔值属性(checked)  非布尔值属性(id,type)
    var appNode = document.querySelector("#app");
    console.dir(appNode.id)
</script>
</html>